<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ page language="java" import="com.server.web.JsVersionUtil"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>北京市人民政府外事办公室领事保护教育服务平台</title>
	<script src="<c:url value='/js/jquery.min.js'></c:url>"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="<c:url value='/js/bootstrap.min.js'></c:url>"></script>
	<script src="<c:url value='/js/all.js'></c:url>"></script>
	<script src="<c:url value='/js/serverCommonJs.js'></c:url>"></script>
	<script src="<c:url value='/js/rqfCommon/rqfCommon.js'></c:url>"></script>
	<style type="text/css" media="screen">
		*{
			padding: 0;
			margin: 0;
		}
		html,body{
			font-family: 'Microsoft YaHei';
		}
		ul,li{
			list-style: none;
			position: relative;
			overflow: hidden;
		}
		.GuidePage_content2>div>ul>li{
			width: 33.33%;
			float: left;
		}
		.GuidePage_content2>div>ul>li>a{
			display: block;
			text-decoration: none;
		}
		.GuidePage_content2>div>ul>li>a>div{
			text-align: center;
			background: #ffffff;
			border-radius: 100%;
			width: 250px;
			height: 250px;
		}
		/* .GuidePage_content2>div>ul>li>a>div:hover{
			background: #2667b1;
		} */
		.GuidePage_content2>div>ul>li>a>h4{
			/*width: 282px;*/
			/*padding-top: 50px;*/
			text-align: center;
			color: #ffffff;
			font-weight: 300;
    		font-size: 16px;
		}
		#header{
			min-width: 1190px;
			width: 100%;
			/* background: rgba(22,40,60,.8); */
		}
		#header>div{
			/*background: rgba(22,40,60,.8);*/
			line-height: 60px;
		}
		.GuidePage_content1{
			/*height: 1000px;*/
		}
		section{
			min-width: 1190px;
			width: 100%;
			background: #ffffff;
			position: relative;
			overflow: hidden;
		}
		#GuidePage_content section>div,#header>div,footer div{
			width: 1190px;
			margin: 0 auto;
		}
		.section_title{
			text-align: center;
			margin-top: 75px;
			margin-bottom: 90px;
			color: #363636;
			font-weight:900;
		}
		.section_title>div{
		    width: 212px;
    		margin: 0 auto;
		}
		.section_title>div:before{
			content:'';
			display: block;	
			background: #bdbdbd;
			margin-top: 12px;
			float: left;
			height: 3px;
			width: 23px;
		}
		.section_title>div:after{
			content:'';
			display: block;
			background: #bdbdbd;
			margin-top: 12px;
			float: right;
			height: 3px;
			width: 23px;
		}
		.GuidePage_content3>div>.section_title>div:before,.GuidePage_content3>div>div>.section_title>div:before{
			content:'';
			display: block;
			background: #bdbdbd;
			margin-top: 18px !important;
			float: left;
			height: 3px;
			width: 23px;
		}
		.GuidePage_content3>div>.section_title>div:after,.GuidePage_content3>div>div>.section_title>div:after{
			content:'';
			display: block;
			background: #bdbdbd;
			margin-top: 18px !important;
			float: right;
			height: 3px;
			width: 23px;
		}
		.GuidePage_content2,.GuidePage_content3,.GuidePage_content4{
			border-bottom: 12px solid #eff4f7;
			background: url('share/images/home_ts.png') 0 0 no-repeat;
		}
		.GuidePage_content3{
			/* padding-bottom: 135px; */
		}
		.GuidePage_content3_content_left{
			float: left;
			width: 726px;
			margin-right: 42px;
		}
		.GuidePage_content3_content_left>a{
			width: 358px;
			height: 265px;
			border-radius: 4px;
			/*box-shadow: 2px 2px 2px #8c8c8c;*/
			float: left;
		}
		.GuidePage_content3_content_left>a>img{
			width: 100%;
			height: 100%;
		}
		.GuidePage_content3_content_left>a:nth-child(1),
		.GuidePage_content3_content_left>a:nth-child(2){
			margin-bottom: 10px;
		}
		.GuidePage_content3_content_left>a:nth-child(2n+1){
			margin-right: 10px;
		}
		.GuidePage_content3_content_right{
			text-indent: 2em;
			float: right;
			width: 422px;
			height: 525px;
			position: relative;
			overflow: hidden;
		}
		.GuidePage_content4{
			background: url('share/images/home_ts.png') 0 0 no-repeat;
			background-size: 100% 100%;
		}
		.GuidePage_content4>div{
			/* padding: 10px 0; */
		}
		.GuidePage_content4>div>div{
			padding-bottom: 40px;
			color: #fff;
		}
		.footer_content1{
			/*height: 214px;*/
			border-bottom: 1px solid #eff4f7;	
		}
		.footer_content1_content{
			width: 890px;
			margin: 0 auto;
		}
		.footer_content1_content>ul{
			padding-left: 45px;
		}
		.footer_content1_content>ul>li{
			margin-bottom: 27px;
			float: left;
			width: 281.6px;
		}
		.footer_content1_content>ul>li a{
			color: #5a5a5a;
		}
		.footer_content1_content>ul>li a img{
			width: 17px;
			position: relative;
			top: 2px;
			float:left;
			padding-right: 10px;
		}
		.footer_content1_title{
			margin-bottom: 30px;
		}
		.footer_content2{
			text-align: center;
			color: #aaaaaa;
			margin-top: 20px;
		}
		.footer_content2>p{
			margin-bottom: 7px;
		}
		.GuidePage_content1{
			/* background: #3f4a54; */
		}
		.GuidePage_content4_content_left{
			float: left;
			/* width: 242px; */
			text-align: left;
		}
		.GuidePage_content4_content_right{
			float: right;
			width: 724px;
			background: #f8fafa;
			height: 584px;
		}
		.GuidePage_content4_content{
			width: 916px;
			margin: 0 auto;
		}
		.GuidePage_content4_content_left>ul>li{
			margin-bottom: 98px;
		    width: 242px;
		    float: left;
		}
		.GuidePage_content4_content_left_title{
			color: #bcbcbc;
			height: 60px;
			font-size: 70px;
			font-weight: 600;
			position: relative;
			overflow: hidden;
		}
		.GuidePage_content4_content_left_content{
			height: 56px;
		}
		.GuidePage_content4_content_left_content>div:nth-child(1){
			/* border: 2px solid #7a7a7a; */
			border: 2px solid #fff;
			height: 47px;
		}
		.GuidePage_content4_content_left_content>font{
			position: absolute;
		    top: 32.5px;
		    text-align: center;
		    left: 0;
		    background: #bdbdbd;
		    width: 170px;
		    padding: 3px 5px;
		    font-size: 20px;
		    font-weight: 600;
		}
		.GuidePage_content4_content_right_content{
			padding: 40px 30px;
		}
		.GuidePage_content4_content_right_content>div>div:nth-child(1){
			margin-bottom: 16px;
		    color: #000;
		}
		.GuidePage_content4_content_right_content>div>div:nth-child(1)>span:before{
			content: '';
			display: block;
			float: left;
			top: 6px;
			position: relative;
			margin-right: 6px;
			background: #0077ff;
			width: 10px;
			height: 10px;
			border-radius: 100%;
		}
		.GuidePage_content4_content_right_content>div>div:nth-child(1)>a:hover{
			color: #2667b1;
		}
		.GuidePage_content4_content_right_content>div>div:nth-child(1)>a{
			float: right;
			color: #000000;
		}
		.GuidePage_content4_content_right_content>div>ul{
			margin-bottom: 10px;
		    height: 315px;
		}
		.GuidePage_content4_content_right_content>div>ul>li{
			margin-bottom: 15px;
		    width: 530px;
    		float: left;
    		margin-right: 35px;
		}
		.GuidePage_content4_content_right_content>div>ul>li>a:hover{
			color: #0077ff;
		}
		.GuidePage_content4_content_right_content>div>ul>li>a{
			display: block;
			color: #000000;
		}
		.GuidePage_content4_content_right_content>div>ul>li>a>div{
			float: left;
		}
		.GuidePage_content4_content_right_content_list1_li_left{
			width: 95px;
			margin-right: 15px;
		}
		.GuidePage_content4_content_right_content_list1_li_center{
			width: 300px;
			display:block;
			white-space:nowrap; 
			overflow:hidden; 
			text-overflow:ellipsis;
			margin-right: 15px;
		}
		.GuidePage_content4_content_right_content_list1_li_right{
			width: 34px;
		}
		.index_kc_title{
			padding: 5px 10px;
		    position: relative;
    		overflow: hidden;
		}
		.index_kc_title a{
			display: block;
			float: left;
			text-decoration:none; 
			color: #000000;
			width: 583px;
			text-align: center;
			line-height: 80px;
			font-weight:600;
		    border-radius: 4px;
	        box-shadow: 3px 4px 7px #bab9be;
	        background-color: #d7dde3;
		    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
		    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
		    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
		    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
		    -webkit-background-size: 5px 5px;
		    -moz-background-size: 5px 5px;
		    background-size: 5px 5px;
		    -moz-box-shadow: 1px 1px 8px gray;
		    -webkit-box-shadow: 1px 1px 8px gray;
		    box-shadow: 1px 1px 8px gray;
		}
		.index_kc_title a:nth-child(1){
			margin-right: 2px;
		}
		.index_kc_title a:nth-child(2){
			margin-left: 2px;
		}
		.index_kc_title_a{
			background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#f3fbff), to(#8ebcec)) !important;
			background: -ms-linear-gradient(top, #f3fbff,  #8ebcec) !important; 
		}
		.index_kc_list{
			padding: 20px 10px;
			position: relative;
    		overflow: hidden;
		}
		.index_kc_list>div{
			display: none;
		}
		.index_kc_list>div:nth-child(1){
			display: block;
		}
		.index_kc_list_left>div{
			float: left;
		}
		.index_kc_list_left_left{
			width: 583px;
			height: 220px;
			float: left;
		}
		.index_kc_list_left_left_left{
			font-weight: 600;
	    	font-size: 20px;
			width: 130px;
			float: left;
			margin-right: 13px;
			line-height:220px;
			color: #fff;
			text-align: center;
			background: #84bcf0;
			/* background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#3a7cca), to(#84bcf0));
			background: -ms-linear-gradient(top, #3a7cca,  #84bcf0); */
			box-shadow: 0px 4px 5px #bab9be;
		}
		.index_kc_list_left_left_right{
			width: 430px;
		    height: 185px;
		    float: right;
		}
		.index_kc_list_left_left_right>a{
			line-height: 55px;
			text-align: center;
	        width: 130px;
    		font-size: 14px;
		    text-decoration:none;
		    border-radius: 3px;
		    float: left;
		    margin-right: 10px;
		    margin-bottom: 25px;
			height:55px;
			display: block;
			box-shadow: 3px 4px 7px #bab9be;
			color: #000000;
			background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#e4ecff), to(#a9c8ff));
			background: -ms-linear-gradient(top, #e4ecff,  #a9c8ff); 
		}
		.index_kc_list_left_right_content>div{
			font-weight: 600;
	    	font-size: 20px;
			width: 130px;
			float: left;
			margin-right: 22px;
			line-height:55px;
			color: #fff;
			text-align: center;
			background: #84bcf0;
			/* background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#3a7cca), to(#2c5e99));
			background: -ms-linear-gradient(top, #3a7cca,  #2c5e99); */
			box-shadow: 0px 4px 5px #bab9be;
		}
		.index_kc_list_left_right_content>a{
		    line-height: 55px;
		    text-align: center;
		    text-decoration: none;
		    border-radius: 3px;
		    float: left;
	        width: 130px;
    		font-size: 14px;
		    margin-right: 10px;
		    margin-bottom: 25px;
		    height: 55px;
		    display: block;
		    box-shadow: 3px 4px 7px #bab9be;
		    color: #000000;
		    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#e4ecff), to(#a9c8ff));
		    background: -ms-linear-gradient(top, #e4ecff, #a9c8ff);
		}
		.index_kc_list_right>div{
			width: 1170px;
			position: relative;
    		overflow: hidden;
   		    color: #000;
			float: left;
			height: 440px;
    		overflow-y: scroll;
		}
		.index_kc_list_right>div>div{
		    position: relative;
		    overflow: hidden;
		    border-bottom: 1px dashed #497cbb;
		    padding: 10px;
		    padding-top: 25px;
		}
		.index_kc_list_right>div>div:nth-last-child(1){
			border-bottom: 0px;
		}
		.index_kc_list_right>div>div:nth-child(1){
			padding-top: 0px;
		}
		.index_kc_list_right_left{
			width: 850px;
			float: left;
		}
		.index_kc_list_right_right{
			width: 250px;
		    float: right;
		}
		.index_kc_list_right_left p{
			text-indent: 2rem;
		}
		.index_kc_list_right_left_title{
			font-size: 18px;
			margin-bottom: 10px;
		}
		.index_kc_list_right_left_title2{
			margin-bottom: 10px;
		}
		.index_kc_list_right_left_content{
			margin-bottom: 10px;
		}
		.index_kc_list_right_right>a{
			text-decoration: none;
			color: #fff;
			text-align: center;
			line-height: 40px;
			margin-bottom: 30px;
			background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#abd8fe), to(#4193e5)) !important;
			background: -ms-linear-gradient(top, #abd8fe,  #4193e5) !important;
			box-shadow: 2px 2px 3px #2c649d;
		}
		.index_kc_list_right_left_content>p{
			text-overflow: -o-ellipsis-lastline;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-line-clamp: 2;
		    -webkit-box-orient: vertical;
		}
	</style>
</head>
<body>
	<header id="header" style="position: absolute;z-index: 99;">
		<div>
			<img src="<c:url value='/share/images/book.png'/>" alt="" style="width: 28px;position: relative;top: 4px;margin-right: 10px;">
			<font style="padding-left: 10px;color: #e7e8e9;font-size:18px;border-left: 1px solid #fff;">北京市人民政府外事办公室领事保护教育服务平台</font>
		</div>
	</header><!-- /header -->
	<div id="GuidePage_content">
		<section class="GuidePage_content1" style="height: 850px;">
			<img src="<c:url value='/share/images/home.png'/>" alt="" style="top: 0px;position: relative;width: 1920px;border: none;left: 50%;margin-left: -960px;">
			<section class="GuidePage_content2 GuidePage_and_list" style="position: absolute;bottom: -30px;border-bottom: 0;background: rgba(255,255,255,0);">
			<div>
				<ul style="width: 1190px;margin: 0 auto;">
					<li style="">
						<a target="_blank" href="${homePath}?tabId=1">
						    <div style="">
						        <img src="<c:url value='/share/images/home_k1.png'/>" alt="" style="width: 65%;top: 20%;position: relative;">
					        </div>
					        <div style="background: rgba(0,0,0,0);">
						        <h4 style="padding-top: 10px;color: #000;font-size: 28px;font-weight:300;">领事保护课程</h4>
					        </div>
				        </a>
				    </li>
				    <li style="">
					    <a target="_blank" href="${homePath}?tabId=2">
						    <div style="margin: 0 auto;">
						        <img src="<c:url value='/share/images/home_k2.png'/>" alt="" style="width: 65%;top: 20%;position: relative;">
					        </div>
					        <div style="background: rgba(0,0,0,0); margin: 0 auto;">
						        <h4 style="padding-top: 10px;color: #000;font-size: 28px;font-weight:300;">领事保护案例</h4>
					        </div>
				        </a>
				    </li>
				    <li style="">
					    <a target="_blank" href="${homePath}?tabId=4">
						    <div style="margin-left: 145px;">
						        <img src="<c:url value='/share/images/home_k3.png'/>" alt="" style="width: 65%;top: 20%;position: relative;">
					        </div>
					        <div style="background: rgba(0,0,0,0);margin-left: 145px;">
						        <h4 style="padding-top: 10px;color: #000;font-size: 28px;font-weight:300;">涉外安全资料</h4>
					        </div>
				        </a>
				    </li>
				</ul>
			</div>
		</section>
		</section>
		<section class="GuidePage_content4" style="border-bottom: 0;">
			<div>
				<div class="GuidePage_content4_content_right" style="padding-bottom: 0px;margin: 40px 0;height: auto;width: 100%;">
					<div class="index_kc_title">
						<a href="javascript:;" class="index_kc_title_a">课程框架</a>
						<a href="javascript:;">课程内容</a>
					</div>
					<div class="index_kc_list">
						<div class="index_kc_list_left">
							<div class="index_kc_list_left_left">
								<div class="index_kc_list_left_left_left">
									通识知识
								</div>
								<div class="index_kc_list_left_left_right">
									<a href="javascript:;" style="display: block;">出国行前准备</a>
									<a href="javascript:;" style="display: block;">境外遇险自救</a>
									<a href="javascript:;" style="display: block;">境外应急救护</a>
									<a href="javascript:;" style="display: block;">境外饮食知识</a>
									<a href="javascript:;" style="display: block;">境外医疗健康</a>
									<a href="javascript:;" style="display: block;">领事保护常识</a>
									<a href="javascript:;" style="display: block;">海外自然灾害现象</a>
								</div>
							</div>
							<div class="index_kc_list_left_left">
								<div class="index_kc_list_left_right_content">
									<div>
										出国留学
									</div>
									<a href="javascript:;" style="display: block;">留学行前准备</a>
									<a href="javascript:;" style="display: block;line-height: 1.4;padding-top: 14px;height: 41px;">境外生活居住安全常识</a>
									<a href="javascript:;" style="display: block;">境外适应能力养成</a>
								</div>
								<div class="index_kc_list_left_right_content">
									<div>
										出国旅行
									</div>
									<a href="javascript:;" style="display: block;">境外治安应对知识</a>
									<a href="javascript:;" style="display: block;">旅游纠纷维权知识</a>
									<a href="javascript:;" style="display: block;">出入境受阻问题处理</a>
								</div>
								<div class="index_kc_list_left_right_content">
									<div>
										出国务工
									</div>
									<a href="javascript:;" style="display: block;line-height: 1.4;padding-top: 14px;height: 41px;">海外劳务纠纷维权知识</a>
									<a href="javascript:;" style="display: block;line-height: 1.4;padding-top: 14px;height: 41px;">企业海外安全风险防范</a>
								</div>
							</div>
						</div>
						<div class="index_kc_list_right">
							<div>
								 <div>
									<div class="index_kc_list_right_left">
										<div class="index_kc_list_right_left_title">
											名称:出境行前准备
										</div>
										<div class="index_kc_list_right_left_title2">
											主讲人:黄纯
										</div>
										<div class="index_kc_list_right_left_content">
											主讲人介绍：
											<p>
												资深涉外安保顾问，曾为多家大型国企开展海外风险评估及海外安全培训。
											</p>
										</div>
										<div class="index_kc_list_right_left_content">
											课程内容:
											<p>
												课程主要内容为介绍国外治安案件与社会安全形势、涉外安全基本理论知识和个人防护技能、环境风险识别、处置危害人身安全事件介绍，以及险情处置能力的培训。
											</p>
										</div>
									</div>
									<div class="index_kc_list_right_right">
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/177/3" style="display: block;">出境行前准备（上）</a>
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/179/3	" style="display: block;">出境行前准备（中）</a>
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/180/3" style="display: block;">出境行前准备（下）</a>
									</div>
								</div>
								<div>
									<div class="index_kc_list_right_left">
										<div class="index_kc_list_right_left_title">
											名称:境外治安应对
										</div>
										<div class="index_kc_list_right_left_title2">
											主讲人:王福平
										</div>
										<div class="index_kc_list_right_left_content">
											主讲人介绍：
											<p>
												资深涉外安保培训师，曾赴中非、中东、南美等地区开展防恐安全和生活安全培训。
											</p>
										</div>
										<div class="index_kc_list_right_left_content">
											课程内容:
											<p>
												课程主要内容为海外风险的表现形式、可能面临的安全风险事件、常见恐怖袭击手段、生活细节可疑之处、枪击事件的处理、劫持绑架事件处理、安全事件准备、突发爆炸事件处理、危险物品的认识和预防等知识。
											</p>
										</div>
									</div>
									<div class="index_kc_list_right_right">
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/168/3" style="display: block;">境外治安应对（上）</a>
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/170/3" style="display: block;">境外治安应对（中）</a>
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/171/3" style="display: block;">境外治安应对（下）</a>
									</div>
								</div>
								<div>
									<div class="index_kc_list_right_left">
										<div class="index_kc_list_right_left_title">
											名称:境外饮食知识
										</div>
										<div class="index_kc_list_right_left_title2">
											主讲人:王福平
										</div>
										<div class="index_kc_list_right_left_content">
											主讲人介绍：
											<p>
												资深涉外安保培训师，曾赴中非、中东、南美等地区开展防恐安全和生活安全培训。
											</p>
										</div>
										<div class="index_kc_list_right_left_content">
											课程内容:
											<p>
												课程主要内容为针对我国在境外的人员如遇到食物中毒如何开展急救，如何提高食品安全意识，西方国家饮食礼仪与饮食习俗，国外食品安全现状分析以及境外医疗紧急求助等。
											</p>
										</div>
									</div>
									<div class="index_kc_list_right_right">
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/178/3" style="display: block;">境外饮食知识（上）</a>
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/181/3" style="display: block;">境外饮食知识（中）</a>
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/182/3" style="display: block;">境外饮食知识（下）</a>
									</div>
								</div>
								<!-- <div>
									<div class="index_kc_list_right_left">
										<div class="index_kc_list_right_left_title">
											名称:境外应急救护
										</div>
										<div class="index_kc_list_right_left_title2">
											主讲人:黄纯
										</div>
										<div class="index_kc_list_right_left_content">
											主讲人介绍：
											<p>
												资深涉外安保顾问，曾为多家大型国企开展海外风险评估及海外安全培训。
											</p>
										</div>
										<div class="index_kc_list_right_left_content">
											课程内容:
											<p>
												课程内容主要是针对我国在境外的人员当遇到自然灾害，恐怖袭击，以及野外探险旅游等各类人身伤害的情况时，如何及时准确地开展自我救护，最大程度的减少损失，内容包括救护材料的使用、救护方法、健康指标判定，以及各类事故预防。
											</p>
										</div>
									</div>
									<div class="index_kc_list_right_right">
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/143/3" style="display: block;">境外应急救护（上）</a>
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/144/3" style="display: block;">境外应急救护（中）</a>
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/145/3" style="display: block;">境外应急救护（下）</a>
									</div>
								</div> -->
								<div>
									<div class="index_kc_list_right_left">
										<div class="index_kc_list_right_left_title">
											名称:出入境受阻问题
										</div>
										<div class="index_kc_list_right_left_title2">
											主讲人:黄东晨
										</div>
										<div class="index_kc_list_right_left_content">
											主讲人介绍：
											<p>
												澳链投资集团中方负责人
											</p>
										</div>
										<div class="index_kc_list_right_left_content">
											课程内容:
											<p>
												课程内容主要是针对我国出境和入境人员如何正确办理相关手续，有哪些常见的问题，如何处理和相关的规定等。
											</p>
										</div>
									</div>
									<div class="index_kc_list_right_right">
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/173/3" style="display: block;">出入境受阻问题（上）</a>
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/174/3" style="display: block;">出入境受阻问题（下）</a>
									</div>
								</div>
								
								<div>
									<div class="index_kc_list_right_left">
										<div class="index_kc_list_right_left_title">
											名称:海外劳资纠纷维权知识
										</div>
										<div class="index_kc_list_right_left_title2">
											主讲人:曾广颜
										</div>
										<div class="index_kc_list_right_left_content">
											主讲人介绍：
											<p>
												万里长安研究院研究员
											</p>
										</div>
										<div class="index_kc_list_right_left_content">
											课程内容:
											<p>
												课程内容主要是针对我国外出务工人员劳工的劳资纠纷问题，海外工资过低如何保护自己的合法权益等。
											</p>
										</div>
									</div>
									<div class="index_kc_list_right_right">
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/167/3" style="display: block;">海外劳资纠纷维权知识（上）</a>
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/169/3" style="display: block;">海外劳资纠纷维权知识（下）</a>
									</div>
								</div>
								<div>
									<div class="index_kc_list_right_left">
										<div class="index_kc_list_right_left_title">
											名称:海外自然灾害现象
										</div>
										<div class="index_kc_list_right_left_title2">
											主讲人:郑晓阳
										</div>
										<div class="index_kc_list_right_left_content">
											主讲人介绍：
											<p>
												北京应急志愿者协会培训师、《中国应急救援》杂志社特约通讯员，对应变自然风险、处置灾害应急具有丰富经验。
											</p>
										</div>
										<div class="index_kc_list_right_left_content">
											课程内容:
											<p>
												课程主要内容为我国在境外的人员可能遇到的自然灾害种类、不同类别的灾害应变技能以及求助、求救方法等。
											</p>
										</div>
									</div>
									<div class="index_kc_list_right_right">
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/172/3" style="display: block;">海外自然灾害现象（上）</a>
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/175/3" style="display: block;">海外自然灾害现象（中）</a>
										<a target="_blank" href="http://43.254.24.19/eduPlatform/study/course/detail/176/3" style="display: block;">海外自然灾害现象（下）</a>
									</div>
								</div>
								
							</div>
						</div>
					</div>
				</div>
				<%-- <div class="GuidePage_content4_content_right" style="margin: 40px 0;height: 389px;width: 100%;">
					<div class="GuidePage_content4_content_right_content">
						<div class="GuidePage_content4_content_right_content_list1">
							<div class="GuidePage_content4_content_right_content_list1_title">
								<span>课程</span>
								<a target="_blank" href="${homePath}?tabId=1">查看更多>></a>
							</div>
							<ul id="home_kecheng">
							</ul>
						</div>
					</div>
				</div> --%>
			</div>
		</section>
		<section class="GuidePage_content4">
			<div>
				<div class="GuidePage_content4_content_right" style="margin: 40px 0;height: 389px;width: 100%;">
					<div class="GuidePage_content4_content_right_content">
						<div class="GuidePage_content4_content_right_content_list1">
							<div class="GuidePage_content4_content_right_content_list1_title">
								<span>案例</span>
								<a target="_blank" href="${homePath}?tabId=2">查看更多>></a>
							</div>
							<ul id="home_anli">
							</ul>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section class="GuidePage_content3" style="border-bottom: 12px solid #ffffff;padding: 80px 0;">
			<div>
				<div class="section_title">
					<div>
						<span style="font-size: 28px;color: #000;">服务人群</span>
					</div>
					<span style="color: #bdbdbd;font-weight:500;letter-spacing:2px;">Service crowd</span>	
				</div>
				<div class="GuidePage_content3_content">
					<div class="GuidePage_content3_content_left">
						<a ><img src="<c:url value='/share/images/home_lx.png'/>" alt="" style="width: 100%;height:100%;"></a>
						<a ><img src="<c:url value='/share/images/home_lx2.png'/>" alt="" style="width: 100%;height:100%;"></a>
						<a ><img src="<c:url value='/share/images/home_lx3.png'/>" alt="" style="width: 100%;height:100%;"></a>
						<a ><img src="<c:url value='/share/images/home_wg.png'/>" alt="" style="width: 100%;height:100%;"></a>
					</div>
					<div class="GuidePage_content3_content_right" style="line-height: 1.9;color: #000;font-size: 20px;">
						随着北京市境外旅游、留学、商务及区域交流的蓬勃发展，走出国门的公民人数逐年攀升，2016年，中国内地公民出境人数达到1.37亿人次。面对陌生的环境、 不同的法律规范、迥异的风俗习惯以及多变的地区政治形式，出国的中国公民在境外遇到各类困难的几率越来越高，人民群众对于出国该注意哪些问题、掌握出境知识 、了解目的地国家知识和我国领事保护常识的日益关注。</br>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;北京市人民政府外事办公室领事保护教育服务平台，以境外安全教育及领事保护服务为切入点， 以提高领事保护意识和涉外安全防范能力为核心， 选取人民群众最为关心的领事保护教育内容，服务于北京市广大市民。
					</div>
				</div>
			</div>
		</section>
		<section class="GuidePage_content3" style="color: #fff;border-bottom: 12px solid #ffffff;padding: 80px 0;">
			<div>
				<div>
					<div class="section_title" style="margin-top:0;margin-bottom: 15px;">
						<div>
							<span style="font-size: 28px;color: #000;">特色服务</span>
						</div>
						<span style="color: #bdbdbd;font-weight:500;padding-bottom: 50px;letter-spacing:2px;">SERVICE FEATURES</span>	
					</div>
					<div class="GuidePage_content4_content"> 
						<ul>
							<li style="float: left;width: 212px;">
								<div class="GuidePage_content4_content_left_content">
									<div class="GuidePage_content4_content_left_content_border">
									</div>
									<font>专业内容丰富</font>
								</div>
								<p style="text-indent: 2em;line-height: 1.8;margin-top: 24px;color: #000;">北京市人民政府外事办公室领事保护教育服务平台围绕为本市出国/境人员提供领事保护知识、提升境外安全应急能力，开发制作了领事保护的相关视频课程，搜集整理了近年来领事保护典型案例、相关国家地区资料、涉外机构信息、涉外应急流程资料和涉外安全专题资料，内容将根据用户需求持续更新完善，推进领事保护课程库、案例库、涉外安全资料库建设，方便本市居民学习、查阅。</p>
							</li>
							<li style="float: left;width: 212px;margin: 0 140px;">
								<div class="GuidePage_content4_content_left_content">
									<div class="GuidePage_content4_content_left_content_border">
									</div>
									<font>用户自主学习</font>
								</div>
								<p style="text-indent: 2em;line-height: 1.8;margin-top: 24px;color: #000;">北京市人民政府外事办公室领事保护教育服务平台以领事保护知识点为中心、能力测试为手段，提供一个多功能于一体的网络课程学习平台，北京市民可通过该平台，按照自身需求自主进行领事保护和涉外安全方面的相关学习。同时，市民注册成为平台用户后，可自我评测领事保护知识和应急处置能力。</p>
							</li>
							<li style="float: left;width: 212px;">
								<div class="GuidePage_content4_content_left_content">
									<div class="GuidePage_content4_content_left_content_border">
									</div>
									<font>线上线下结合</font>
								</div>
								<p style="text-indent: 2em;line-height: 1.8;margin-top: 24px;color: #000;">为了满足广大市民对于领事保护知识的学习需求，北京市外事办公室在提供领事保护在线学习的同时，定期组织开展领事保护知识培训、领事保护宣传、领事保护公益科普等线下活动，全方位满足不同人群的培训需求，打造领事保护学习新形态。</p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</section>
	</div>
	<footer>
		<%-- <div class="footer_content1">
			<div class="footer_content1_content">
				<div class="footer_content1_title" style="font-weight:600;width: auto;text-align: left;margin-top: 30px;">
					合作支持:
				</div>
				<ul>
					<li>
						<a href=""><img src="<c:url value='/share/images/home_bottom3.png'/>" alt="">中华人民共和国外交部</a>
					</li>
					<li>
						<a href=""><img src="<c:url value='/share/images/home_bottom2.png'/>" alt="">中国领事服务网</a>
					</li>
					<li>
						<a href=""><img src="<c:url value='/share/images/home_bottom1.png'/>" alt="">首都之窗</a>
					</li>
					<li>
						<a href=""><img src="<c:url value='/share/images/home_bottom3.png'/>" alt="">北京市外事综合服务大厅</a>
					</li>
					<li>
						<a href=""><img src="<c:url value='/share/images/home_bottom3.png'/>" alt="">领保涉外</a>
					</li>
					<li>
						<a href=""><img src="<c:url value='/share/images/home_bottom3.png'/>" alt="">领保宣传</a>
					</li>
				</ul>
			</div>
		</div> --%>
		<div class="footer_content2" style="margin-bottom: 12px;">
			<!-- <p>主办单位：北京市人民政府外事办公室</p> -->
			<!-- <p>ICP备案编号：京ICP备XXXXXXXXXX号</p>
			<p>京公安网备XXXXXXXXXXXXX号</p> -->
			<p>信息提供：中海外天润文化发展有限公司</p>
			<p>技术支持：中海外天润文化发展有限公司</p>
		</div>
	</footer>
	<script type="text/javascript">
	var rootPath = '${rootPath}'; 
	$(function(){
		$(".index_kc_title>a").click(function(){ 
			var index = $(this).index();
			$(".index_kc_title>a").removeClass('index_kc_title_a');
			$(this).addClass('index_kc_title_a');
			$(".index_kc_list>div").css('display','none');
			$(".index_kc_list>div:eq("+ index +")").css('display','block');
		})
		var jake_URL = "<c:url value='/study/course/list'></c:url>";
		$.ajax({
			url : jake_URL,
			type : "post",
			dataType : 'html',
			data : {
				"pageIndex" : "",//当前分页码
				"pageSize" : "",//总页码
				"sortField" : "auditTime",//排序字段,默认最新auditTime,最热clickNum
				"sortOrder" : "desc",//默认逆序desc
				"filterdata" : ""
			},
			success : function(text) {
				var obj = gridDataFormat(text);
				var html = "";
				var substr;
				for(var i = 0; i < obj.data.length; i++){
					if(obj.data[i].auditTime != null){
						substr = obj.data[i].auditTime.substring(0, 10);
					}
					if(i < 18){
						html += '<li onclick="javascript:window.open(\''+rootPath+'/study/course/detail/'+obj.data[i].id
						+'/'+ obj.data[i].type +'\')">'+
									'<a href="javascript:;">'+
										'<div class="GuidePage_content4_content_right_content_list1_li_left">'+
											substr
										+'</div>'+
										'<div class="GuidePage_content4_content_right_content_list1_li_center" title="'+obj.data[i].class_name+'">'+
											obj.data[i].class_name
										+'</div>'+
									'</a>'+
								'</li>';
					}
				}
				$("#home_kecheng").html(html);
			},
			complete : function(XMLHttpRequest, textStatus) {
			},
			error : function() {
			}
		});
		
		$.ajax({
			url : "<c:url value='/case/study/list'></c:url>",
			type : "post",
			dataType : 'html',
			data : {
				"pageIndex" : "",//当前分页码
				"pageSize" : "",//总页码
				"sortOrder" : "desc",//默认逆序desc
				"filterdata" : ""
			},
			success : function(text) {
				var obj = gridDataFormat(text);
				var html = "";
				var substr;
				for(var i = 0; i < obj.data.length; i++){
					if(obj.data[i].time != null){
						substr = obj.data[i].time.substring(0, 10);
					}
					if(i < 18){
						html += '<li onclick=\"javascript:study('+obj.data[i].id+')\">'+
									'<a href="javascript:;">'+
										'<div class="GuidePage_content4_content_right_content_list1_li_left">'+
											substr
										+'</div>'+
										'<div class="GuidePage_content4_content_right_content_list1_li_center" title="'+obj.data[i].class_name+'">'+
											obj.data[i].name
										+'</div>'+
									'</a>'+
								'</li>';
					}
				}
				$("#home_anli").html(html);
			},
			complete : function(XMLHttpRequest, textStatus) {
			},
			error : function() {
			} 
		});
						
	})
	
	function study(id){
		window.open(rootPath+'/case/study/detail/'+id);
	}
	</script>
</body>
</html>